<template>
  <div class="box">
    <a-form-model
      layout="horizontal"
      :model="form"
      :labelCol="{ span: 6 }"
      :wrapperCol="{ span: 18 }"
    >
      <a-row>
        <a-col :span="8">
          <a-form-model-item label="姓名">
            <a-input v-model="form.name" placeholder="年龄" />
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="年龄">
            <a-input v-model="form.age" placeholder="年龄" />
          </a-form-model-item>
        </a-col>
        <a-col :span="8">
          <a-form-model-item label="性别">
            <a-input v-model="form.gender" placeholder="年龄" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="12">
          <a-form-model-item
            label="姓名"
            :labelCol="{ span: 4 }"
            :wrapperCol="{ span: 20 }"
          >
            <a-input v-model="form.name" placeholder="年龄" />
          </a-form-model-item>
        </a-col>
        <a-col :span="12">
          <a-form-model-item
            label="年龄"
            :labelCol="{ span: 4 }"
            :wrapperCol="{ span: 20 }"
          >
            <a-input v-model="form.age" placeholder="年龄" />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-row>
        <a-col :span="24">
          <a-form-model-item
            label="备注"
            :labelCol="{ span: 2 }"
            :wrapperCol="{ span: 22 }"
          >
            <a-textarea
              v-model="form.remark"
              placeholder="请输入备注"
              :rows="4"
            />
          </a-form-model-item>
        </a-col>
      </a-row>
      <a-form-model-item>
        <a-button type="primary"> 确定 </a-button>
      </a-form-model-item>
    </a-form-model>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {
        name: '',
        age: '',
        gender: '',
        remark: ''
      }
    }
  },
  computed: {}
}
</script>
<style lang="scss" scoped>
.box {
  width: 800px;
  height: 500px;
  border: 1px solid red;
  margin: 100px auto;
  padding: 10px;
}
</style>
